<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="incluir_form_distribuicao" acceptcharset="utf-8">  
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexSelo.xhtml')}" value="Selo" update="@form" immediate="true"/> >
                    <p:commandLink  value="Distribuir Selo" update="@form" immediate="true"/>
                </div>
                <p:panel header="Distribuir Selos">
                    <p:messages id="msg"/>
                    <fieldset>
                        <legend>Dados do Recebedor</legend>
                        <br/>
                        <h:panelGrid columns="2"  id="panelUser" styleClass="textAlignRight" columnClasses="textAlignRight"> 

                            <h:outputText value="Recebedor :"/>
                            <p:autoComplete id="usuario" panelStyle="width:250px !important;" effect="blind" value="#{managerEditarDistribuicao.distribuicao.recebedor}" completeMethod="#{managerUsuario.completeUsuario}"  
                                            var="p" itemLabel="#{p.nome}" itemValue="#{p}" converter="usuarioConverter" forceSelection="true" converterMessage="Erro, verifique o Fornecedor" minQueryLength="3" dropdown="true" required="true" requiredMessage="O campo 'Usuario' é obrigato"> 
                                <p:ajax event="itemSelect" listener="#{managerEditarDistribuicao.handleSelect}"/>                                        
                            </p:autoComplete>

                            <h:outputText value="Comentario :"/>
                            <p:inputTextarea  id="comentario" cols="70"  autoResize="true" value="#{managerEditarDistribuicao.distribuicao.comentario}"/>
                        </h:panelGrid>
                    </fieldset>
                     <fieldset>
                        <legend>Distribuição de Selos</legend> 
                        <h:panelGrid columns="2" width="900" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                            <h:panelGrid columns="2"  id="panelSelos" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                                <h:outputText value="Tipo Selo :"/>
                                <p:autoComplete id="tipoSelo" panelStyle="width:250px !important;" effect="blind"  value="#{managerEditarDistribuicao.distribuirSelos.tipoSelo}" completeMethod="#{managerTipoSelo.completeTipoSelo}"  
                                                var="p" itemLabel="#{p.nome}" itemValue="#{p}" converter="tipoSeloConverter" forceSelection="true" converterMessage="Erro, verifique o Tipo Selo" minQueryLength="3" dropdown="true" required="true" requiredMessage="O campo 'Tipo Selo' é obrigato"> 
                                    <p:ajax event="itemSelect" listener="#{managerEditarDistribuicao.handleSelectTipoSelo}"/>
                                    <p:column>  
                                        <table >
                                            <tr  style="height:20px; background-color: \##{p.corSelo.cor};">
                                                <td style="width: 20px;"></td>
                                            </tr>
                                        </table>
                                    </p:column>
                                    <p:column>  
                                        #{p.nome}
                                    </p:column>  
                                </p:autoComplete>
                                <h:outputText value="Quantidade :"/>
                                <p:inputText value="#{managerEditarDistribuicao.distribuirSelos.quantidade}" label="Quantidade" converterMessage="Campo 'Quantidade' inválido, deve conter apenas números">
                                    <f:convertNumber type="number"/>
                                </p:inputText>

                                <h:outputText value="    "/> 
                                <p:row>
                                    <br/>
                                    <p:commandButton icon="ui-icon-close" actionListener="#{managerEditarDistribuicao.limpaDistribuir()}" value="Limpar"  update="@form" immediate="true"/>
                                    <p:commandButton value="Adicionar"  actionListener="#{managerEditarDistribuicao.addList()}" process="@this, panelSelos" update="distribuirSelos, panelSelos, msg" />

                                </p:row>

                            </h:panelGrid>

                            <p:dataTable var="dSelos" id="distribuirSelos" 
                                         value="#{managerEditarDistribuicao.listDistribuirSelo}"
                                         rows="20" emptyMessage="Nenhum selo adicionado">  
                                <f:facet name="header">  
                                    Resumo da Distribuição
                                </f:facet>  
                                <p:column headerText="Tipo Selo" style="text-align: center;">  
                                    <h:outputText value="#{dSelos.tipoSelo.nome}" />  
                                </p:column>
                                <p:column headerText="Cor Selo" style="width: 40px;">
                                    <table>
                                        <tr>
                                            <td class="borderZero" style="height:10px; width: 10px; background-color: \##{dSelos.tipoSelo.corSelo.cor};"></td>
                                        </tr>
                                    </table>
                                </p:column>
                                <p:column headerText="Quantidade" >  
                                    <h:outputText value="#{dSelos.quantidade}" style="float: right;"/>  
                                </p:column>
                                <p:column headerText="Opc" style="width: 43px">  
                                    <p:commandButton  style="width: 20px; height: 20px;" actionListener="#{managerEditarDistribuicao.remove(dSelos)}"  icon="ui-icon-trash" process="@this" update="@form"/>
                                    <p:commandButton  style="width: 20px; height: 20px;" actionListener="#{managerEditarDistribuicao.editar(dSelos)}" icon="editar"  process="@this" update="@form"/>
                                </p:column>

                            </p:dataTable>
                        </h:panelGrid>
                    </fieldset>
                    <br/>
                    <div class="buttonAction">
                        <p:commandButton value="Atualizar" icon="ui-icon-transferthick-e-w"  actionListener="#{managerEditarDistribuicao.distribuir()}" process="@this, panelUser" update="@form"  />
                        <p:commandButton id="limpar" icon="ui-icon-arrowreturnthick-1-w" actionListener="#{managerEditarDistribuicao.limpaList()}" action="#{managerIndex.redirect('indexDistribuicao.xhtml')}" value="Cancelar"  update="@form" immediate="true"/>  
                    </div>
                </p:panel>

                <p:dialog modal="true" widgetVar="statusDialog" header="Distribuindo Selos"   
                          draggable="false" closable="false">  
                    <p:graphicImage value="/media/img/ajaxloadingbar.gif" />  
                </p:dialog>

                <p:dialog id="dialog" modal="true" resizable="false" closable="false"  widgetVar="dialogEdit" width="450" minHeight="100" header="Entregar Selos" >

                    <p:dataTable paginator="true" rows="1" paginatorPosition="bottom" scrollable="true" 
                                 scrollHeight="200"  var="lstAll" value="#{managerEditarDistribuicao.lsRd}">  
                        <f:facet name="header">  
                            Selos para entregar
                        </f:facet>  
                        <p:subTable var="selo" value="#{lstAll.selo}" rows="5"  >  
                            <f:facet name="header" >  
                                <h:outputLabel value="    " style="background-color: \##{lstAll.tipoSelo.corSelo.cor}" />
                                <table>
                                    <tr>
                                        <td class="borderZero" style="height:10px; width: 10px; background-color: \##{lstAll.tipoSelo.corSelo.cor};"></td>

                                        <td><h:outputLabel value="#{lstAll.tipoSelo.nome}" /></td>
                                    </tr>
                                </table>
                            </f:facet> 
                            <p:column>  
                                #{selo.numero}  
                            </p:column>  
                        </p:subTable>  
                    </p:dataTable>


                    <f:facet name="footer" >
                        <center>
                            <p:commandButton value="Confirmar entrega" icon="ui-icon-circle-plus" actionListener="#{managerEditarDistribuicao.editarDistribuicao()}" update="@form" process="@this, panelUser"/>
                            <p:commandButton value="Cancelar Distribuição" icon="ui-icon-arrowreturnthick-1-w" actionListener="#{managerVisualizarDistribuicao.redirect('indexDistribuicao.xhtml')}" immediate="true"/>
                        </center>
                    </f:facet>
                </p:dialog> 

            </h:form>
        </ui:define>
    </ui:composition>



</html>

